@import 'mixin.less';
#main {
  .banner {
    background: url(../images/feature-banner.jpg) center center repeat-x;
    background-size: cover;
    height: 414px;
    width: 100%;
    color: #fff;
    .banner-tit {
      padding-top: 120px;
    }
    .list-inline-item {
      background: url(../images/jiantou.png) left center no-repeat;
      padding-left: 20px;
      font-size: 18px;
      margin-top: 50px;
      a {
        color: #fff;
      }
    }
  }
  .block-public {
    color: #fff;
    height: 640px;
    .block-tit {
      padding: 60px 0 30px;
      h2 {
        padding-bottom: 20px;
      }
    }
    .block-desc {
      color: #000;
      background: #fff;
      display: inline-block;
      padding: 5px;
      width:700px;
      margin-bottom: 30px;
      .tit-left {
        top: -20px; 
        left: -20px;
        background: url(../images/featrue-left.png) no-repeat;
        height: 40px;
        width: 40px;
      }
      .tit-right {
        bottom: -20px; 
        right: -20px;
        background: url(../images/featrue-right.png) no-repeat;
        height: 40px;
        width: 40px;
      }
    }
    &.block-1 {
      background: url(../images/featrue-b1.jpg) center center no-repeat;
      background-size: cover;
      .block-p {
        font-size: 18px;
        width: 40%;
        text-align: center;
        line-height: 40px;
        margin-top: 20px;
      }
    }
    &.block-2 {
      background: url(../images/featrue-b2.jpg) no-repeat;
      background-size: cover;
      img {
        width: 100%;
      }
      .block-p {
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .6);
        text-align: center;
        padding: 10px 0;
        margin: 0;
        font-size: 16px;
      }
    }
    &.block-3 {
      background: url(../images/featrue-b3.jpg) no-repeat;
      background-size: cover;
      .swiper-left {
        img {
          width: 212px;
          height: 305px;
        }
      }
      .swiper-right {
        color: #000;
        
        img {
          width: 453px;
          height: 205px;
        }
        i.fa {
          left:50%;
          top:50%;
          margin-left: -30px;
          margin-top: -70px;
          z-index: 99;
          position: absolute;
          font-size: 60px;
          color: @main-red;
          &:hover {
            color: red;
          }
        }
        p {
          text-indent: 2em;
        }
      }
    }
    &.block-4 {
      background: url(../images/featrue-b4.jpg) no-repeat;
      background-size: cover;
    }
    &.block-5 {
      background: url(../images/featrue-b5.jpg) no-repeat;
      background-size: cover;
      .block-two-bg(@num) {
        text-align: center;
        color: #fff;
        width: 100%;
        height: 190px;
        padding-top: 26px;
        display: inline-block;
        text-decoration: none;
        background: url(@num) top center no-repeat;
      }
      .block-two-hover(@num) {
        background: url(@num) top center no-repeat;
      }
      .block-two-bg1 {
        .block-two-bg('../images/bro-bg1.png');
        &:hover {
          .block-two-hover('../images/bro-bg1-1.png');
        }
      }
      .block-two-bg2 {
        .block-two-bg('../images/bro-bg2.png');
        &:hover {
          .block-two-hover('../images/bro-bg2-1.png');
        }
      }
      .block-two-bg3 {
        .block-two-bg('../images/bro-bg3.png');
        &:hover {
          .block-two-hover('../images/bro-bg3-1.png');
        }
      }
      .block-two-bg4 {
        .block-two-bg('../images/bro-bg4.png');
        &:hover {
          .block-two-hover('../images/bro-bg4-1.png');
        }
      }
      .block-two-bg5 {
        .block-two-bg('../images/bro-bg5.png');
        &:hover {
          .block-two-hover('../images/bro-bg5-1.png');
        }
      }
    }
    &.block-6 {
      background: url(../images/featrue-b6.jpg) no-repeat;
      background-size: cover;
      .block-p1 {
        font-size: 20px;
        font-weight: 700;
        margin: 20px 0 10px;
      }
      .block-p2 {
        font-size: 16px;
        font-weight: 500;
        color: #FFCC00;
      }
    }
  }
  
}
